练习1 新建网页，保存为：两个元素的浮动应用.html，输入代码：

<F12>保存预览，效果如下图。

练习2 新建网页，保存为：多个元素的浮动应用.html，输入代码：

<F12>保存预览，效果如下图。

练习3 新建网页，保存为：单个元素的相对定位.html，输入代码：

<F12>保存预览，效果如下图。

练习4 新建网页，保存为：两个元素的相对定位.html，输入代码：

<F12>保存预览，效果如下图。

练习5 新建网页，保存为：单个元素的绝对定位.html，输入代码：

<F12>保存预览，效果如下图。

练习6 新建网页，保存为：两个元素的绝对定位.html，输入代码：

<F12>保存预览，效果如下图。